import { IFormApi } from '@/components/form/BmForm'
import { BmInput } from '@/components/form/BmInput'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { FC } from 'react'

export const Sms: FC<{ form: IFormApi<Record<string, any>> }> = ({ form }) => {
  return (
    <main className="grid grid-cols-1">
      <Card>
        <CardHeader>
          <CardTitle>阿里云短信配置</CardTitle>
        </CardHeader>
        <CardContent>
          <BmInput label="阿里云短信签名" fieldName={'system.aliyun_sms_sign'} formObject={form} />
          <BmInput label="阿里云短信验证码模板" fieldName={'system.aliyun_sms_template'} formObject={form} />
        </CardContent>
      </Card>
    </main>
  )
}
